body {
  background: #efeff4;
  width: 100%;
  height: 100%;
}

.regTop {
  width: 100%;
  padding: 8% 0 6%;
  background: #50b4f9;
  text-align: center;
  color: #ffffff;
  position: relative;
}

.back {
  position: absolute;
  left: 5%;
  top: 50%;
  color: #ffffff;
}

.point {
  padding: 6% 5%;
}

.content form input:not(:nth-child(6)) {
  border: 0;
  border-bottom: 1px solid #c3c3c5;
}

.content form {
  width: 100%;
  height: 35.21%;
}

.message {
  background: #ffffff;
  padding: 2% 5% 0 5%;
  position: relative;
}

.message input {
  width: 80%;
  padding: 4% 0 4% 4%;
  font-size: 0.875em;
  font-family: "Microsoft YaHei";
}







.code {
  position: absolute;
  top: 67%;
  right: 10%;
  color: #21a9f5;
  font-size: 0.875em;
  font-family: "Microsoft YaHei";
}

select {
  width: 33%;
  padding: 2% 1%;
  margin: 5%;
  font-size: 1em;
  color: #909093;
  border: solid 1px #909093;
  font-family: "Microsoft YaHei";
}

.agree {
  margin: 6% 5%;
}

.submit {
  width: 84%;
  margin: 2% 8%;
  background: #0061a8;
  color: #ffffff;
  border: 0;
  padding: 3.25% 0;
  font-size: 1em;
  font-family: "Microsoft YaHei";
}

form .agree input[type="checkbox"] :default {
  outline: 2px solid #0061a8;
}
